<script setup lang="ts">
import count from '@/components/count.vue'
import talkLove from './components/talkLove.vue';
</script>

<template>
<count></count>
<br>
<br><br>
<talk-love></talk-love>
</template>

<style scoped>

.navigate{
  width: 600px;
  height: 120px;
  margin: 0 auto;

  display: flex;
align-items: center;
justify-content: space-around;
}
.active{
 background-color: #fcd3d3;
}
.tab{
  width: 120px;
  height: 50px;
  line-height: 50px;
  background-color: #999;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border-radius: 10px;
}
.active{
  color: yellow;
  background-color: #74917D;
}
.content{
  width: 740px;
  height: 450px;
  border:1px solid #b9b9b9;
  margin: 0 auto;
  border-radius: 10px;
  padding: 40px;
  margin: 0 auto;
}

</style>
